// 一、进入该页面后,判断用户身份,如果没有token,就跳到登录页面重新登录
if (!localStorage.getItem('token')) {
    setTimeout(() => {
        window.location.href = './login.html'
    }, 2000);
}

// 二、发送请求,获取登录用户的信息
// 封装成函数,这样更新完个人信息之后可以调用
function indexGetUserInfo() {
    // 2.1 调用函数发送请求
    getUserInfo((res) => {
        // console.log(res);
        // 2.2 解构出需要的数据
        let { nickname, user_pic, username } = res.data.data;
        // 2.3 判断用户是否有昵称,没有就把用户名当作昵称
        if (!nickname) {
            nickname = username
        }
        // 2.4 绘制头像,显示layui的图片,并且昵称显示到用户名的地方
        $('.avatar').css('display', 'inline-block')
        $('.username').text(nickname);

        if (!user_pic) {
            // 2.5 没图片的时候把首字符的大写显示到图片里面
            $('.avatar').text(nickname[0].toUpperCase())
        } else {
            // 2.5 有头像就隐藏layui的图片,显示我们自己的头像
            $('.avatar').hide()
            $('.userinfo img').prop('src', user_pic).show()
        }
    })
}
indexGetUserInfo()

// 三、点击右上角退出页面,清除token,返回登录页面
// 3.1 首先提示用户是否要退出
$('#logout').click(() => {
    layer.confirm('亲!确定要退出吗?', { icon: 3, title: '提示' }, (index) => {
        // 3.2 点击确定后跳转到登录页面
        window.location.href = `/login.html`;
        // 3.3 清除token
        window.localStorage.removeItem('token')
        layer.close(index);
    });
})